@import "mixins";
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,dt,form,input,img,select,textarea,ul,li,a, figure,figcaption{margin:0; padding:0;}
a,u{text-decoration:none;color: #10181f;}
img{boeder:none; vertical-align:middle;}
li{list-style:none;}
input,textarea,button,select{outline: none;}
button{border: none;}
input{border: none;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}
em,i{font-style: normal;}
html,body{
	height: 100%;
}
.clearfix:after{content: " ";display: block;clear: both;height: 0;overflow: hidden;}
.clearfix{zoom:1;}
textarea{resize: none;}
.fl{float:left;}
.fr{float: right;}
.ib{display: inline-block;}
*{box-sizing: border-box;}
#continer{height: 100%;}
.w1360{width: 1360px;margin: 0 auto;}
.tx{display: flex;}
#two-code-box{
	    position: fixed;
	    right: 0;
	    z-index: 99;
		bottom: 5%;
	}
#two-code-box .two-code{
		//transform: translateX(-70%);
		position: relative;
		background-color: transparent;
	    border-radius: 50%;
	    cursor: pointer;
		right: 70%;
}
#two-code-box .two-code .circle-square{
		width: 60px;
	    height: 60px;
	    border-radius: 50%;
		
	}
//二维码
#background-gray{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	position: fixed;
	z-index: 200;
	display: none;
}
//背景灰幕
#Ewm{
	width: 600px;
	height: 485px;
	
	background: url(../static/imags/xiaochengxu.jpg) no-repeat center;
	background-size:cover;
	position: fixed;
	/* top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto; */
	left: 50%;
	top: 80%;
	transform: translate(-50%,-50%);
	z-index: 201;
	opacity: 0;
	//display: none;
	#XXX{
		cursor: pointer;
		position: absolute;
		height: 14px;
		width: 14px;
		background: url(../static/imags/close.jpg) no-repeat center;
		top: 13px;
		right:15px;
		
	}
}


header{
	width: 100%;
	height: 60px;
	position: relative;
	z-index: 10;
	//静态结构
		nav{
			width: 1200px;
			height:100%;
			margin: 0 auto;
			position: relative;
			text-align: center;
			background-color: #fff;
			font-weight:bold;
			z-index: 100;
		
				.nav-left{
					height: 60px;
					display: inline-block;
					vertical-align: middle;
					font-size: 0;
					img {
						margin-top:-4px ;
					}
						 a{
								font-size: 14px;
							    display: inline-block;
							    line-height: 60px;
							    height: 60px;
							    width: 60px;
							    margin-right: -1px;
							    cursor: pointer;
							
									
							} 
						}
				.nav-middle{
					margin: 0;
					text-align: center;
					height: 60px;
					display: inline-block;
					font-size: 0;
					vertical-align: top;
					.user{
						display: none;
						a{
							color: #10181f;
							span{
								color: #09c;
							}
						}
					}
					li{
						display: inline-block;
						vertical-align: top;
						line-height: 60px;
						height: 60px;
						min-width: 60px;
						margin-right: -1px;
						cursor: pointer;
						
						a{
							border-bottom: 2px solid transparent;
							color: #000;
							font-size: 14px;
							display: inline-block;
							vertical-align: top;
							line-height: 60px;
							height: 60px;
							min-width: 60px;
							margin-right: -1px;
							cursor: pointer;
							&:hover{
								border-bottom: 2px solid #eb0028;
							}
						}
					}
					
				}
				.nav-right{
						margin: 0;
					    text-align: center;
					    height: 60px;
					    display: inline-block;
					    vertical-align: top;
					    font-size: 0;
						position: relative;
						
						>li{
								font-size: 22px;
							    display: inline-block;
							    vertical-align: middle;
							    vertical-align: top;
							    line-height: 60px;
							    height: 60px;
							    min-width: 60px;
							    margin-right: -1px;
							    cursor: pointer;
								border-bottom: 2px solid transparent;
								&:hover{
									border-bottom: 2px solid #eb0028;
								}
						}
					#log-in{
						display: flex;
						height: 260px;
						width: 350px;
						position: absolute;
						top: 60px;
						right: 10%;
						background: #FFFFFF;
						flex-direction: column;
						padding: 0 10px;
						display: none;
						>a{
							display: block;
							width: 100%;
							height: 100%;
							>li{
									cursor: pointer;
									font-weight: normal;
									text-align: left;
									line-height: 60px;
									color: #8a8c8a;
									font-size: 14px;
									height: 60px;
									&:hover{
										color:#101920;
									}
									//background: #FFFFFF;
									border-top: 1px solid rgba(0, 0, 0, 0.1);
									&:first-of-type{
										height: 60px;
										line-height: 80px;
									}
									&:last-of-type{
									
											height: 100px;
											color: #42a1ce;
											line-height: 80px;
											display: block;
											&:hover{
												text-decoration: underline;
											}
										
										
									} 
									
								
							}	
						}
					
				}
				//
				#go-shopping{
					width:450px;
					height: 200px;
					position: absolute;
					top: 60px;
					right: 5%;
					background: #FFFFFF;
					display: none;
					li{
						border-top: 1px solid rgba(0, 0, 0, 0.1);
						&:first-of-type{
							
							height: 60%;
							font-size: 16px;
							color:#8a8c8a;
							font-weight: normal;
							line-height: 8em;
						}
						&:last-of-type{
						
							height: 40%;
							display: flex;
							justify-content: center;
							align-items: center;
							#shop-button{
								width: 90%;
								height: 50%;
								background: #eb0028;
								border-radius: 5px;
								line-height:2.5em;
								text-align: center;
								color: #FFFFFF;
								font-size: 16px;
								position: relative;
								>i{
									background: #b8001f;
									position: absolute;
									width: 100%;
									height: 100%;
									left: 0;
									top: 0;
								}
								>span{
									position: relative;
									z-index: 10;
									&:hover{
										color:#ffefc5;
									}
								}
							
							}
						}
					}
				}
				
				
		}
		
		
	}
	
	
	

//动态结构
#sevenT{
		height: 150px;
		width: 100%;
		position: absolute;
		background: #fff;
		top: 60px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		justify-content: center;
		align-items: center;
		display: none;
		z-index: 1;
		#sevenT-content{
			height: 100%;
			width: 36%;
			justify-content: space-around;
			li{
				display: flex;
				flex-direction: column;
				width: 28%;
				height: 100%;
				align-items: center;
				justify-content: center;
				&:hover{
					color:#ec0028;
				}
				span{
					
					text-align: center;
					font-size: 30px;
					margin-bottom: 5px;
				
				}
				i{
					font-size: 14px;
					cursor: pointer;
				}
			}
		}
	}
		//sevenT
#seven{
			height: 120px;
			width: 100%;
			position: absolute;
			background: #fff;
			top: 60px;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			justify-content: center;
			align-items: center;
			display: none;
			z-index: 2;
			#seven-content{
				height: 100%;
				width: 20%;
				//justify-content: space-between;
				li{
					display: flex;
					flex-direction: column;
					width: 50%;
					height: 100%;
					align-items: center;
					justify-content: center;
					&:hover{
						color:#ec0028;
					}
					span{
						
						text-align: center;
						font-size: 30px;
						margin-bottom: 5px;
					
					}
					i{
						font-size: 14px;
						cursor: pointer;
					}
				}
			}
		}
		//sevent的二级菜单
		#shopping{
				height: 120px;
				width: 100%;
				position: absolute;
				background: #fff;
				top: 60px;
				border-top: 1px solid rgba(0, 0, 0, 0.1);
				justify-content: center;
				align-items: center;
				display: none;
				z-index: 1;
				#shopping-content{
					height: 100%;
					width: 50%;
					//justify-content: space-around;
					li{
						display: flex;
						flex-direction: column;
						//width: 28%;
						height: 100%;
						align-items: center;
						justify-content: center;
						flex: 1;
						&:hover{
							color:#ec0028;
						}
						span{
							
							text-align: center;
							font-size: 30px;
							margin-bottom: 5px;
						
						}
						i{
							font-size: 14px;
							cursor: pointer;
						}
					}
				}
			}	
			#check{
				width: 413px;
				height: 530px;
				position: absolute;
				background: #fff;
				top:0px;
				left: 31%;
				z-index: 100;
				display: flex;
				flex-direction: column;
				display: none;
				#search-case{
					height: 60px;
					width: 100%;
					border-bottom: 1px solid rgba(0, 0, 0, 0.1);
					display: inline-block;
					margin: 0;
					display: flex;
					
					>button{
						margin: 0;
						float: left;
						width: 10%;
						background: #FFFFFF;
						font-size: 30px;
						padding-top:6px ;
					}
					>input{
						margin: 0;
						float: left;
						width: 80%;
						line-height: 60px;
						
					}
					>span{
						float: right;
						width: 10%;
						background: url(../static/imags/close.jpg) no-repeat center;
					}
				}
				.header-search-result{
					flex: 1;
					display: flex;
					flex-direction:column ;
					padding: 10px 0;
					>li{
						flex: 1;
						padding: 0 50px;
						line-height: 3em;
						&:hover{
							background: #f6f6f6;
						}
						>a{
							color: #828282;
							&:hover{
								color:#101920;
							}
						}
					}
				}
				
			}
			
			
			
			
}  //头部
section{width:100%; height: 300px; background: url("https://image01.oneplus.cn/shop/201906/27/1403/151bfc961009e115533581b61e147884.jpg") no-repeat
 center center;background-size: cover;margin-bottom: 10px;}
section .w1360{
	cursor: pointer;
}
/* #banner_img{height: 300px; background: url("https://image01.oneplus.cn/shop/201906/27/1403/151bfc961009e115533581b61e147884.jpg") no-repeat
 center center;background-size: cover;
 } */
 #banner1{height:300px;}
 #banner_text{
	position: absolute;
    width: 1000px;
    height: 300px;
    color: #ffffff;
    left: 50%;
    transform: translateX(-50%);
	font-weight: 600;
}
#text-content{
		position: absolute;
		height: 169px;
	    width: 500px;
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	}		
#text-content .text-title{
	font-size: 24px;line-height: 1.5em;
}
#text-content .text-desc{
	font-size: 16px;line-height:1.5em;margin-top: 20px;
}
#text-content .link-button{
	margin-top: 40px;
}
#text-content .link{
	color: #FFFFFF;
	font-size: 14px;
}
#text-content .link:hover{
		text-decoration: underline;
}	



main .w1360{
	position: relative;
	margin-bottom: 10px;
	height: 680px;
	
}
/* #scroll1{
	opacity: 0;
} */
#box-imgs1{
	height: 680px;width: 100%;background: url("https://image01.oneplus.cn/shop/201910/31/1813/3dc5f83fa2af290e6ee42541c45a0bfa.jpg")
	no-repeat center;
	
}
main #banner-text1{
	    width: 100%;
	    position: absolute;
	    height: 100%;
	    text-align: left;
	    color: #000000;
	    width: 1000px;
	    left: 50%;
	    transform: translateX(-50%);
		z-index: 2;
		top:20px;
}
#banner-text1 .text-content{
	    width: 100%;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 500px;
		opacity: 1;
		transform: scale(1) translateY(-50%);
		transition: all 1s cubic-bezier(0.25,0.1, 0.25 ,1);
		
	
}
#banner-text1 .text-content .font-head{
	font-size: 34px;
	line-height: 1.2;
	font-weight: bold;
}
#banner-text1 .text-content .price{
	    font-size: 20px;
		line-height: 1.5;
}
#banner-text1 .text-content .detail{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}
#banner-text1 .text-content  .banner-button-box{
	margin-top: 40px;
}

#banner-text1 .banner-button-box .banner-button{
	    height: 50px;
	    font-size: 16px;
	    line-height: 50px;
	    cursor: pointer;
		border: 1px solid transparent;
		border-color: #101920;
		padding: 0 48px;
		display: inline-block;
		position: relative;
		
}
 .banner-button:hover> .style-color{
	color: #fff;
	
} 
.style-black{
	position: absolute;
	height: 100%;
	width:0px;
	z-index: -1;
	left: 0px;
	background: #000000;
	/* border: 1px solid transparent;
	border-color: #101920; */
	/* border-left:none; */
}
#banner-text1 .link-button{
	margin-top: 10px;

}
#banner-text1 .link-button a:hover{
	text-decoration: underline;
}
//1
main #banner-text2{
	    width: 100%;
	    position: absolute;
	    height: 100%;
	    text-align: left;
	    color: #000000;
	    width: 1000px;
	    left: 50%;
	    transform: translateX(-50%);
		z-index: 2;
		top:20px;
}
#box-imgs2{
	height: 680px;width: 100%;background: url("https://image01.oneplus.cn/shop/201910/15/1167/71ef75fa0599647f5541f775bd0c884a.jpg")
	no-repeat center;
	
}
#banner-text2 .text-content{
	    width: 100%;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 500px;
		opacity: 1;
		transform: scale(1) translateY(-50%);
		transition: all 1s cubic-bezier(0.25,0.1, 0.25 ,1);
		
	
}
#banner-text2 .text-content .font-head{
	font-size: 34px;
	line-height: 1.2;
	font-weight: bold;
}
#banner-text2 .text-content .price{
	    font-size: 20px;
		line-height: 1.5;
}
#banner-text2 .text-content .detail{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}
#banner-text2 .text-content  .banner-button-box{
	margin-top: 40px;
}

#banner-text2 .banner-button-box .banner-button{
	    height: 50px;
	    font-size: 16px;
	    line-height: 50px;
	    cursor: pointer;
		border: 1px solid #000;
		padding: 0 48px;
		display: inline-block;
		position: relative;
		
}
#banner-text2 .link-button{
	margin-top: 10px;
}
#banner-text2 .link-button a:hover{ //2
	text-decoration: underline;
}
//2
main #banner-text3{
	    width: 100%;
	    position: absolute;
	    height: 100%;
	    text-align: left;
	    color: #000000;
	    width: 1000px;
	    left: 50%;
	    transform: translateX(-50%);
		z-index: 2;
		top:20px;
}
#box-imgs3{
	height: 680px;width: 100%;background:url("https://image01.oneplus.cn/shop/201910/15/973/424d6791094ac3f43c069130c16c33b6.jpg")
	no-repeat center;
	
}
#banner-text3 .text-content{
	    width: 100%;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 500px;
		opacity: 1;
		transform: scale(1) translateY(-50%);
		transition: all 1s cubic-bezier(0.25,0.1, 0.25 ,1);
		color: #fff;
	
}
#banner-text3 .text-content a{
	color: #FFF;
}
#banner-text3 .text-content .font-head{
	font-size: 34px;
	line-height: 1.2;
	font-weight: bold;
}
#banner-text3 .text-content .price{
	    font-size: 20px;
		line-height: 1.5;
}
#banner-text3 .text-content .detail{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}
#banner-text3 .text-content  .banner-button-box{
	margin-top: 40px;
}

#banner-text3 .banner-button-box .banner-button{
	    height: 50px;
	    font-size: 16px;
	    line-height: 50px;
	    cursor: pointer;
		border: 1px solid #fff;
		padding: 0 48px;
		display: inline-block;
		position: relative;
		
}
 .a-style-3:hover #style_color_white{
	color:#000;
}
.style-black-3{
	position: absolute;
	height: 100%;
	width:0%;
	z-index: -1;
	left: 0px;
	background: #ffffff;
}
#banner-text3 .link-button{
	margin-top: 10px;
}
#banner-text3 .link-button a:hover{
	text-decoration: underline;
}


#home-promo .promo-group{
		display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    width: 100%;
	    justify-content: center;
	    margin-bottom: 0;
	    padding: 0 5px;
}
#home-promo .promo-group li{
	position: relative;
	width: 50%;
	height: 500px;
	margin-bottom: 10px;
	padding: 0 5px;
}
#home-promo .promo-group li a{
	display: block;
	height: 100%;
	width: 100%;
}
#home-promo .promo-group li a .promo-item-text{
		position: absolute;
	    width: 100%;
	    text-align: center;
	    color: #000000;
	    top: 30px;
		font-weight: bold;
}
#home-promo .promo-group li a .promo-item-text .title{
		font-size: 24px;
	    line-height: 1.5;
}
#home-promo .promo-group li a .promo-item-text .subtitle{
	font-size: 18px;
	line-height: 1.5;
}
#home-promo .promo-group .promo-item1{
background: url("https://image01.oneplus.cn/shop/201910/21/1682/c9e267de1c4c4bac90abf484e8edd990.jpg")
no-repeat center; order: 1;
}


#home-promo .promo-group .promo-item2{
background: url("https://image01.oneplus.net/shop/201906/11/1657/1de998f6581a0f64902bb26285d0088e.jpg")
no-repeat center; order: 2;
}
#home-promo .promo-group .promo-item3{
background: url("https://image01.oneplus.cn/shop/201908/06/1627/f88b15a6020b32336310b268e1c75378.jpg")
no-repeat center; order: 3;
}
#item-text3-white .title{
	color: #FFFFFF;
}
#item-text3-white .subtitle{
	color: #FFFFFF;
}
#home-promo .promo-group .promo-item4{
background: url("https://image01.oneplus.cn/shop/201906/20/471/e467eee7fb7a2e4a53c3130835178463.jpg")
no-repeat center; order: 4;
}

#part1{
height: 37.5vw;
background :url("https://image01.oneplus.cn/shop/onedayonephoto/ca3e2713a79dcd19c8822eb8a11623af_1920_0.jpg")no-repeat center;
background-size: cover;
position: relative;
}
#odop-text{
	    position: absolute;
	    top: 50%;
	    width: 100%;
	    margin-top: -70px;
	    text-align: center;
}
#odop-text .h3{
	font-size: 48px;
	line-height: 1.2em;
}
#odop-text .opod-btn{
		display: inline-block;
	    width: 130px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    cursor: pointer;
	    font-size: 14px;
	    background: 0 0;
	    color: #fff;
		border: none;
	    border: 1px solid #fff;
		position: relative;
		z-index: 1;
		border-width: 2px;
		box-sizing: content-box;
		top: 40px;
		
}
#part1_style{
	position: absolute;
	height: 100%;
	width:0%;
	z-index: -1;
	left: 0px;
	top: 0;
	background: #ffffff;
}
#odop-text .opod-btn:hover #part1_text_color{
	color: #000000;
}
//
#part2{
	background-color: #f6f6f6;
	padding: 5.98958% 0;
}
#part2 .inner{
	max-width: 1200px;
	margin: 0 auto;
	
}
#part2 .inner .clearfix{
	white-space: nowrap;
	display: flex;
}
#part2 .inner .clearfix li{
	 margin-right: 60px;
	 vertical-align: middle;
}
#part2 .inner .clearfix li h4{
		font-size: 16px;
	    line-height: 1.5;
	    margin-top: 20px;
	    color: #000;
	    opacity: 0.6;
}
#part2 .inner .clearfix li  p{
		font-size: 18px;
	    line-height: 1.5;
	    font-weight: normal;
	    color: #000;
	    white-space: normal;
	    margin-top: 5px;
}

#part2 .inner .clearfix li a{
	    font-size: 16px;
	    line-height: 1.5;
	    margin-top: 20px;
	    color: #09c !important;
	    text-decoration: none;
	    display: block;
}
//
#part2 .inner li >a img:hover {
    box-shadow: 0px 2px 5px rgba(185,185,191,.4);
    transform: translateY(-2px);
}
#part2 .inner li >a img{
transition: all 0.3s;
}

#section-box .service-warp{
	justify-content: space-around;
	border-top: 1px solid #e4e4e4;
}
#section-box .service-warp li{
		width: 25%;
	    float: left;
	    text-align: center;
	    padding: 35px 0;
	    font-size: 16px;
}
   
#section-box .service-warp li a{
	display: block;
	color: #565b62;
}

#section-box .service-warp li a i{
display: inline-block;
height: 42px;
width: 42px;
}
#section-box .i-7d-return{
background: url('https://image01.oneplus.cn/shop/201910/16/555/969b21f7a4a94d350d54ceccc0b73f34.svg')
no-repeat center;	
}
#section-box .i-15d-return{
background: url('https://image01.oneplus.cn/shop/201910/16/57/850933b312cb6082d1aeb37f1c134f72.svg')
no-repeat center;	
}
#section-box .i-30d-swap{
background: url('https://image01.oneplus.cn/shop/201910/16/1058/0bf263cd1333d47d96d7e515b9be0480.svg')
no-repeat center;	
}
#section-box .i-free-send{
background: url('https://image01.oneplus.cn/shop/201910/16/262/ace6d98231ad29a8f8f63ff9297ad315.svg')
no-repeat center;	
}
#section-box .service-warp li a span{
	display: block;
	padding-top: 15px;
}
#footer{
	    background-color: #fcfcfc;
	    border-top: 1px solid rgba(0,0,0,.1);
}
#footer .container-text{
	    max-width: 1200px;
	    min-width: 300px;
		margin: 0 auto;
		//overflow: hidden;
}
.footer-nav{
		color: rgba(0,0,0,.8);
	    font-size: 16px;
	    padding-top: 20px;
	    padding-bottom: 20px;
		padding-right: 15px;
}
.footer-nav dl{
	    width: 20%;
	    float: left;
		background: #fcfcfc;
}
.footer-nav dl dt{
	    padding: 0 20px;
	    font-size: 16px;
	    height: 50px;
	    line-height: 50px;
	    position: relative;
	    color: #101920;
}
.footer-nav dl dd ul{
padding-bottom: 10px;
}
	.footer-nav dl dd{
	color: rgba(0, 0, 0, 0.8);
	font-size: 16px;
	padding: 0 20px;
}

.footer-nav dl dd ul li{
	padding: 8px 0;
	font-size: 14px;
}
.footer-nav dl dd ul li a{
	    color: #828282;
	    display: block;
}
.footer-nav .current-store{
	display: none !important;
}
.footer-nav a:hover{
	color: #101920;
}

.contact-us-cn{
margin-top: 10px;
}
.contact-us-cn .one-tel-number{
	display: block;
	font-size: 14px;
	color:#09c;
	text-align: right;
	
}

#phone1{
	vertical-align: baseline;
	margin-right: 2px;
}
#foo-service-chat-for-sobot{
	max-width: 120px;
	color: #101920;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #000000;
	margin: initial;
	margin-left: auto;
	position: relative;
	
}
#service{
	position: absolute;
	height: 100%;
	width: 0%;
	background: #000000;
	left: 0;
	top:0;
	z-index:0;
}

#foo-service-chat-for-sobot span{
	position: relative;
	z-index: 2;
}
#foo-service-chat-for-sobot:hover span{
	color: #fff;
}
.contact-us-cn .one-tel-time{
font-size: 12px;
color:#999;
text-align: right;
}
.contact-us-cn .social-media{
	margin-right: -6px;
	margin-top: 10px;
}
.contact-us-cn .social-media a{
	    display: inline-block;
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    font-size: 24px;
	    vertical-align: top;
		text-align: right;
		position: relative;
}
.new-wechat-icon{
	display: inline-block;
	    width: 100%;
	    height: 100%;
	    background: url('https://image01.oneplus.cn/shop/201907/16/1981/a3fd5ecce5e69cc5060377cfb7c4da89.png') no-repeat;
	    background-size: 24px 20px;
	    background-position: 50%;
		margin-right: -163px;
}
.link-weibo svg{
	height: 40px;
	width: 40px;
	margin-right: -160px;
}
.wechat-qr-code{
	display: none;
	width: 100px;
	height: 100px; 
	 position: absolute;
	 top:-110px;
	 right:-197px;
	z-index: 99; 
}
 .contact-us {
    padding: 0 0 0 10px;
	width: 100%;
	height: 50px;
	
	
}
.us-left{
		color: rgba(0,0,0,.8);
	    height: 50px;
	    line-height: 50px;
	    float: left;
	    cursor: pointer;
}
.us-right{
		height: 50px;
	    line-height: 50px;
	    float: right;
	    text-align: right;
		font-size: 12px;
}
.us-right a{
	color: #09c;
}
.us-left .cn{
	display:inline-block;
    background-image: url('https://statics.oneplus.cn/ov/assets/images/sprites/header-stores-sprites-3ed65c422d.png');
    background-position: -31px -63px;
    width: 31px;
    height: 21px;
	//background-size:31px 21px;
	vertical-align: middle;
	margin-right: 6px;
	margin-top: -.2em;
}
.footer-tail-cn{
	border-top: 1px solid rgba(0,0,0,.1);
	width: 100%;
	height: 164px;
	padding-bottom: 30px;
	padding-top: 20px;
}
.row{
	    margin-right: -15px;
	    margin-left: -15px;
		height: 114px;
}
.col-sm-5{
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	
}
.col-sm-5 .copy-right span{
	font-size: 12px;
	color: #999;
}
.col-sm-5 .under-supervision{
	font-size: 12px;
}
.col-sm-7{
		width: 58.33333%;
		float: right;
		position: relative;
	    min-height: 1px;
	    padding-right: 15px;
	    padding-left: 15px;
}
.col-sm-7 .show-pc{
		color: #666;
		margin-left: 0;
	    margin-bottom: 20px;
	    font-size: 12px;
	    display: block;
	    text-align: center;
	    float: none;
	    line-height: 30px;
		
}
.col-sm-7 .show-pc ul{
	
	position: relative;
	right: -115px;
}
.col-sm-7 .show-pc ul li{
	display: inline-block;
	    padding: 0 10px;
	    border-right: 1px solid rgba(0,0,0,.1);
	    line-height: 12px;
}
.col-sm-7 .show-pc ul li:last-of-type{
	border: none;
}
.certificate-container{
	text-align: right;
}
.certificate-container a{
	margin: 0 10px;
}
